/* CSS */

#top
{
	width:100%;
	float: left;
}

#down
{
	width:100%;
	float: left;
	
	/*border-style:solid;
	border-width:2px;*/
}

#main{

	height: 695px;
}



/*.TcanvasSection
{
	width:201.5;
	float: left;
	height: 585px;
}
.TcSection{
	height: 50%;
}

.DcanvasSection
{
	width: 509px;
	float: left;
	height:183px;
}*/

.canvasLabel{
margin-top: 10px;
margin-left: 15px;
font-family: Calibri;
font-size: 18px;
font-weight: bold;
color: #848484;
}

.shadow{
		
		/*padding: 2px;
		z-index:100;
		box-shadow: 5px 5px 0 #333;
		-webkit-box-shadow: 5px 5px 0 #333;
		-moz-box-shadow: 5px 5px 0 #333;*/
			
		-moz-box-shadow: 0px 0px 20px #666; 
		-webkit-box-shadow: 0px 0px 20px #666; 
		 box-shadow: 0px 0px 20px #666;
	}
	
.maincanvas{
		
		-moz-box-shadow: 0px 0px 30px #ccc; 
		-webkit-box-shadow: 0px 0px 30px #ccc; 
		box-shadow: 0px 0px 30px #ccc;
		display:inline-block !important;
		
		border: 1px solid #ccc;
		width: 160px;
		margin: 40px;
	}
	
	
.postitL {
padding: 50px;
width: 300px;
height: 280px;

padding:10px;
font-family: 'Gloria Hallelujah', cursive;
color: #000;


top: 200;
left: 450;

position: absolute; 

-moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-o-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);

box-shadow: 0px 4px 6px #333;
-moz-box-shadow: 0px 4px 6px #333;
-webkit-box-shadow: 0px 4px 6px #333;

}

.postit {
background:#fefabc;
padding:10px;
font-family: 'Gloria Hallelujah', cursive;

color: #000;
width:25px;
height: 30px;
position: absolute; 

-moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-o-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);

box-shadow: 0px 4px 6px #333;
-moz-box-shadow: 0px 4px 6px #333;
-webkit-box-shadow: 0px 4px 6px #333;

}
.ptitle{
font-size: 7px;
font-weight:bold;
}


/*MENU ******************************************************/
#menu {
width: 200px;
background: #FFBF00;
-moz-border-radius: 15px;
border-radius: 15px;
position:absolute;
}

#menu .menuItem{
font-family: calibri;
padding-top: 12px;
height:25px;
-moz-border-radius: 15px;
border-radius: 15px;

}

#menu .menuItem:hover{
background: #B43104;
color: #fff;
font-weight:bold;
cursor:pointer;
}

/********************************************************************************/

#area-0{
background-image:url('Resources/KeyPartners.jpg');
background-repeat:no-repeat;
background-position: right;
border-right: solid 5px #c3d546;

}


#area-1{
background-image:url('Resources/KeyActivities.jpg');
background-repeat:no-repeat;
background-position: right;

border-right: solid 5px #f8ed42;
}

#area-2{
background-image:url('Resources/KeyResources.jpg');
background-repeat:no-repeat;
background-position: right;

border-top: solid 5px #c3d546;
border-right: solid 5px #f8ed42;
}

#area-3{
background-image:url('Resources/ValuePropositions.jpg');
background-repeat:no-repeat;
background-position: right;

border-right: solid 5px #4e85c4;
}

#area-4{
background-image:url('Resources/CustomerRelationships.jpg');
background-repeat:no-repeat;
background-position: right;
}
#area-5{
background-image:url('Resources/Channels.jpg');
background-repeat:no-repeat;
background-position: right;

border-top: solid 5px #4e85c4;
}	

#area-6{
background-image:url('Resources/CustomerSegments.jpg');
background-repeat:no-repeat;
background-position: right;

border-left: solid 5px #020303;
}


#area-7{
background-image:url('Resources/CostStructure.jpg');
background-repeat:no-repeat;
background-position: right;

border-top: solid 5px #f8ed42;
}	

#area-8{
background-image:url('Resources/RevenueStreams.jpg');
background-repeat:no-repeat;
background-position: right;

border-top: solid 5px #e2181d;
border-left: solid 5px #e2181d;
}	

/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/

#barraDeUsuarios{
width: 150px;
height:500px;
/*background-color: #5882FA;*/
-moz-border-radius: 15px;
border-radius: 15px;
position:absolute;
top:200;
right:0;
}

.onlineUser{
	height:35px;
	padding:5px;
}

.onlineUser label{
	color: #585858;
	font-family:arial;
	font-weight:bold;
	font-size: 12px;
	padding-left:5px;
}

.icon{
float:left;
 width: 1em; height: 1em; 
 -webkit-border-radius: 5em; -moz-border-radius: 5em;
}

